<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>无标题文档</title>
<link href="css/reset.css" rel="stylesheet" type="text/css" />
<link href="css/gird.css" rel="stylesheet" type="text/css" />
<link href="css/iehack.css" rel="stylesheet" type="text/css" />
<link href="css/header.css" rel="stylesheet" type="text/css" />
<link href="css/usercenter.css" rel="stylesheet" type="text/css" />
<style type="text/css">
/*
reset css version: 1.0 | 20090714
*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, button, textarea, p, th, td {
	margin: 0;
	padding: 0;
}
fieldset, img {
	border: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
	font-weight:normal;
}
:focus {
	outline: 0;
}
body {
	font-size:12px;
}
#bd {
	width:950px;
	margin:0 auto;
}
.reg .reg_info {
	background:#f6f6f6;
	border:#b0b0b0 1px solid;
	padding:15px 30px;
}
.reg .reg_info h2 {
	font-size:18px;
	line-height:30px;
	color:#16678c;
	border-bottom:3px solid #00d2ff;
}
.reg .reg_info h2 span {
	position:relative;
	float:right;
	top:0;
	color:#333;
	font-size:12px;
	font-weight:normal;
}
.reg .reg_info ul {
	padding:10px 60px;
}
.reg .reg_info li {
	position:relative;
	font-size:14px;
	line-height:48px;
}
.reg .reg_info li input {
	width:220px;
	border:1px solid #c6c6c6;
	line-height:20px;
	height:20px;
	font-size:14px;
	padding:2px;
	background:#FFF url(img/input.gif) 0 0 no-repeat;
}
.reg .reg_info .checkcode {
	width:80px;
}
.reg .reg_info .code_img {
	border:1px solid #E4E4E4;
	width:100px;
	height:36px;
	vertical-align: bottom;
	margin-left:10px;
}
.reg .reg_info .change_img {
	margin-left:10px;
	font-size:12px;
	vertical-align:middle;
}
.reg .reg_info .btn {
	text-align:center;
}
.reg .reg_info .btn button {
	background:url(img/reg_btn.jpg) no-repeat;
	width:183px;
	height:46px;
	border:0;
	cursor:pointer;
	text-indent:-999em;
}
.reg .reg_info .msg {
	font-size:12px;
	line-height:150%;
	position:absolute;
	top:14px;
	left:300px;
}
.reg .reg_info .msg p {
	padding:2px 10px 2px 23px;
	background:url(img/msg_bg.png) no-repeat;
}
.reg .reg_info .msg p.tips {
	background-position:3px -147px;
	border:1px solid #40b3ff;
	background-color:#e5f5ff;
	display:none;
}
.reg .reg_info .msg p.ok {
	background-position:3px -247px;
	width:50px;
	height:50px;
	display:none;
}
.reg .reg_info .msg p.error {
	background-position:3px 2px;
	border:1px solid #ff8080;
	background-color:#fff2f2;
}
.reg .agreements {
	background:#f6f6f6;
	border:#b0b0b0 1px solid;
	padding:10px 15px;
	margin-top:10px;
}
.reg .agreements h2 {
	color:#16678c;
	line-height:30px;
}
.reg .agreements div {
	background:#FFF;
	padding:10px;
	border:1px solid #E9E9E9;
	height:90px;
	overflow:auto;
}
.reg .agreements div p {
	line-height:200%;
	font-size:12px;
	text-indent:2em;
}
</style>
<script src="../js/jquery_last.js" type="text/javascript"></script>
<link type="text/css" rel="stylesheet" href="../js/style/validator.css"></link>
<script src="../js/formValidator.js" type="text/javascript" charset="UTF-8"></script>
<script src="../js/formValidatorRegex.js" type="text/javascript" charset="UTF-8"></script>
<script language="javascript" src="../js/DateTimeMask.js" type="text/javascript"></script>
<script defer="defer" src="../js/datepicker/WdatePicker.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
	//$.formValidator.initConfig({onerror:function(){alert("校验没有通过，具体错误请看错误提示")}});
	$.formValidator.initConfig({formid:"regform",onerror:function(msg){alert(msg)},onsuccess:function(){return true;}});
	$("#user_name").formValidator({onshow:"请输入用户名",onfocus:"5-20个字符，只能为英文或者数字。一旦注册成功会员名不能修改。",oncorrect:"该用户名可以注册"}).inputValidator({min:4,max:10,onerror:"你输入的用户名非法,请确认"}).regexValidator({regexp:"username",datatype:"enum",onerror:"用户名格式不正确"})
	    .ajaxValidator({
	    type : "post",
		url : "../user/webUserRegCheckName.action?"+$("#user_name").value,
		datatype : "json",
		success : function(data){	
            if( data == "0" )
			{
                return true;
			}
            else
			{
                return false;
			}
		},
		buttons: $("#button"),
		error: function(){alert("服务器没有返回数据，可能服务器忙，请重试");},
		onerror : "该用户名不可用，请更换用户名",
		onwait : "正在对用户名进行合法性校验，请稍候..."
	});
	$("#password1").formValidator({onshow:"请输入密码",onfocus:"6-16个字符，请使用字母加数字或符号的组合密码，不能单独使用字母、数字或符号。",oncorrect:"密码合法"}).inputValidator({min:6,max:16,empty:{leftempty:false,rightempty:false,emptyerror:"密码两边不能有空符号"},onerror:"密码不能为空,请确认"});
	$("#password2").formValidator({onshow:"请输入重复密码",onfocus:"两次密码必须一致",oncorrect:"密码一致"}).inputValidator({min:1,empty:{leftempty:false,rightempty:false,emptyerror:"重复密码两边不能有空符号"},onerror:"重复密码不能为空,请确认"}).compareValidator({desid:"password1",operateor:"=",onerror:"2次密码不一致,请确认"});
	$("#user_mail").formValidator({onshow:"请输入邮箱",onfocus:"邮箱6-100个字符,输入正确了才能离开焦点",oncorrect:"恭喜您,你输对了"}).inputValidator({min:6,max:100,onerror:"你输入的邮箱长度非法,请确认"}).regexValidator({regexp:"^([\\w-.]+)@(([[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.)|(([\\w-]+.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(]?)$",onerror:"你输入的邮箱格式不正确"})
		.ajaxValidator({
	    type : "get",
		url : "../user/webUserRegCheckmail.action?"+$("#user_mail").value,
		datatype : "json",
		success : function(data){	
            if( data == "0" )
			{
                return true;
			}
            else
			{
                return false;
			}
		},
		buttons: $("#button"),
		error: function(){alert("服务器没有返回数据，可能服务器忙，请重试");},
		onerror : "该邮箱已被注册",
		onwait : "正在对邮箱进行合法性校验，请稍候..."
	});
	$("#checkcode").formValidator({onshow:" ",onfocus:"请输入验证码",oncorrect:"输入正确"}).inputValidator({min:1,empty:{leftempty:false,rightempty:false,emptyerror:"两边不能有空符号"},onerror:"验证码不能为空,请确认"})
	    .ajaxValidator({
	    type : "get",
		url : "../user/webUserRegCheckCode.action?"+$("#checkcode").value,
		datatype : "json",
		success : function(data){	
            if( data == "0" )
			{
                return true;
			}
            else
			{
                return false;
			}
		},
		buttons: $("#button"),
		error: function(){alert("服务器没有返回数据，可能服务器忙，请重试");},
		onerror : "输入错误，请重新输入",
		onwait : "正在对验证码进行合法性校验，请稍候..."
	});
});

</script>
<script language="javascript"> 
/*验证码上刷新 */ 
function chk_image(){ 
document.getElementById("randImage").src  =  "image.jsp?" + Math.random();
} 
</script> 
</head>
<body>
<div class="page">
<jsp:include page="inc/header.jsp" />
<div id="bd" class="reg">
  <div class="reg_info">
  <form action="../user/webUserReg.action" name="regform" id="regform">
    <h2>新用户注册<span>如果您已注册，请点此 <a href="login.jsp">登录</a></span></h2>
     <div class="input">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <th width="220">用户名：</th>
                <td width="250"><input name="webUser.user_name" type="text" id="user_name"/></td>
                <td><div id="user_nameTip"></div> </td>
              </tr>
              <tr>
                <th>密码：</th>
                <td><input name="webUser.user_password" type="password" id="password1"/></td>
                <td><div id="password1Tip"></div> </td>
              </tr>
              <tr>
                <th>确认密码：</th>
                <td><input name="" type="password" id="password2"/></td>
                <td><div id="password2Tip"></div></td>
              </tr>
              <tr>
                <th>电子邮箱：</th>
                <td><input name="webUser.user_mail" type="text" id="user_mail"/></td>
                <td><div id="user_mailTip"></div></td>
              </tr>
              <tr>
                <th>验证码：</th>
                <td><input name="" type="text" class="checkcode" id="checkcode"/><img class="code_img" src="image.jsp" id="randImage" name="randImage" width="140" height="30" /><span class="change_img"><a href="javascript:chk_image();">换一张</a></span></td>
                <td><div id="checkcodeTip"></div></td>
              </tr>
              <s:token/>
              <tr>
	              <td></td>
	              <td><div class="btn"><button type="submit">同意以下协议，提交注册</button></div></td>
	              <td></td>
              </tr>
            </table>
          </form>
        </div>
    
  </div>
  <div class="agreements">
    <h2>湖北包装网服务协议</h2>
    <div>
      <p><strong>一、本服务协议双方为浙江淘宝网络有限公司（下称“淘宝”）与淘宝网用户，本服务协议具有合同效力。</strong></p>
      <p>本服务协议内容包括协议正文及所有淘宝已经发布的或将来可能发布的各类规则。所有规则为协议不可分割的一部分，与协议正文具有同等法律效力。</p>
      <p>在本服务协议中没有以“规则”字样表示的链接文字所指示的文件不属于本服务协议的组成部分，而是其它内容的协议或有关参考数据，与本协议没有法律上的直接关系。</p>
      <p>用户在使用淘宝提供的各项服务的同时，承诺接受并遵守各项相关规则的规定。淘宝有权根据需要不时地制定、修改本协议或各类规则，如本协议有任何变更，淘宝将在网站上刊载公告，通知予用户。如用户不同意相关变更，必须停止使用“服务”。经修订的协议一经在淘宝网公布后，立即自动生效。各类规则会在发布后生效，亦成为本协议的一部分。登录或继续使用“服务”将表示用户接受经修订的协议。除另行明确声明外，任何使“服务”范围扩大或功能增强的新内容均受本协议约束</p>
      <p>用户确认本服务协议后，本服务协议即在用户和淘宝之间产生法律效力。请用户务必在注册之前认真阅读全部服务协议内容，如有任何疑问，可向淘宝咨询。 1)无论用户事实上是否在注册之前认真阅读了本服务协议，只要用户点击协议正本下方的“确认”按钮并按照淘宝注册程序成功注册为用户，用户的行为仍然表示其同意并签署了本服务协议。 2)本协议不涉及用户与淘宝其它用户之间因网上交易而产生的法律关系及法律纠纷。</p>
      <p><strong>二、定义</strong></p>
      <p>淘宝网上交易平台：有关淘宝网上交易平台上的术语或图示的含义，详见淘宝帮助。</p>
      <p>用户及用户注册：用户必须是具备完全民事行为能力的自然人，或者是具有合法经营资格的实体组织。无民事行为能力人、限制民事行为能力人以及无经营或特定经营资格的组织不当注册为淘宝用户或超过其民事权利或行为能力范围从事交易的，其与淘宝之间的服务协议自始无效，淘宝一经发现，有权立即注销该用户，并追究其使用淘宝网“服务”的一切法律责任。用户注册是指用户登陆淘宝网，并按要求填写相关信息并确认同意履行相关用户协议的过程。用户因进行交易、获取有偿服务或接触淘宝网服务器而发生的所有应纳税赋，以及一切硬件、软件、服务及其它方面的费用均由用户负责支付。淘宝网站仅作为交易地点。淘宝仅作为用户物色交易对象，就货物和服务的交易进行协商，以及获取各类与贸易相关的服务的地点。淘宝不能控制交易所涉及的物品的质量、安全或合法性，商贸信息的真实性或准确性，以及交易方履行其在贸易协议项下的各项义务的能力。淘宝并不作为买家或是卖家的身份参与买卖行为的本身。淘宝提醒用户应该通过自己的谨慎判断确定登录物品及相关信息的真实性、合法性和有效性。</p>
    </div>
  </div>
</div>
<jsp:include page="inc/footer.jsp" />
</div>
</body>
</html>
